<AccModal @onClose={{fn this.closeModal}}>
  <ProjectFileOperation>
    <button class='closeButton' {{on 'click' (fn this.closeModal)}}>
      <div class='closeButton-content'>
        {{inline-svg '/assets/x.svg' class='closeButton-icon'}}
      </div>
    </button>

    <div class='title'>
      <div class='sectionType'>
        {{inline-svg '/assets/merge.svg' class='sectionType-icon'}}
        {{t 'components.project_file_operations.merge'}}
      </div>

      <div class='title-document'>
        {{this.document.path}}
        <span class='title-documentExtension'>
          .
          {{this.documentFormatItem.extension}}
        </span>
      </div>
    </div>

    <div class='sections'>
      <div class='sections-file'>
        <CommitFile
          @permissions={{this.permissions}}
          @revisions={{this.revisions}}
          @documents={{this.documents}}
          @versions={{this.versions}}
          @canCommit={{true}}
          @commitAction='merge'
          @peekAction='peek_merge'
          @commitButtonText={{t 'components.commit_file.merge_button'}}
          @onFileCancel={{fn this.cancelFile}}
          @onPeek={{fn this.peek}}
          @onCommit={{fn this.merge}}
        />
      </div>

      {{#if this.revisionOperations.length}}
        <div class='sections-preview'>
          <OperationsPeek @revisionOperations={{this.revisionOperations}} />
        </div>
      {{/if}}
    </div>
  </ProjectFileOperation>
</AccModal>